<div class="col-6 center-of-all" *ngIf="progress.isCompleted">
  <div class="card" >
    <div class="card-header font-weight-bold p-2">
      <span class="fa fa-fw fa-info-circle"></span>机器注册
    </div>
    <div class="card-body p-1">
      <form [formGroup]="registeForm">
      <div class="form-group row">
        <label for="code" class="col-3 col-form-label text-right">机器码</label>
        <div class="col-7">
          <textarea type="text" [rows]="8"  readonly="readonly" class="form-control form-control-sm" id="code">{{machineCode}}</textarea>
        </div>
      </div>
      <div class="form-group row">
        <label for="registerCode" class="col-3 col-form-label text-right">注册码</label>
        <div class="col-7">
          <input type="text" class="form-control form-control-sm" id="registerCode" formControlName="code">
        </div>
      </div>
      </form>
    </div>

    <div class="row mb-2">
      <div class="col-10 offset-1 text-center">
        <button type="button" class="btn btn-sm btn-teal w-50" [disabled]="!registeForm.valid"
                (click)="getMachineCode()">确定
        </button>
      </div>
    </div>
  </div>
</div>
